import { Image } from "antd"
import { ColumnGroupType, ColumnType } from "antd/es/table"

const dxnClubManager = (newFormat: (arg: string) => string): Record<string, ColumnGroupType<any> | ColumnType<any>> => ({
	clubAvatar: {
		dataIndex: "iconUrl",
		title: newFormat("dxn.card_ables_list.club_header"),
		align: "center",
		width: 120,
		render: (text: string) => <Image src={text} preview={false} style={{ width: "40px", height: "40px", borderRadius: "20px" }} />
	},
	clubInstruction: {
		dataIndex: "introduction",
		title: newFormat("dxn.card_ables_list.club_desc"),
		align: "center",
		width: 200
	},
	clubMembership: {
		dataIndex: "membership",
		title: newFormat("dxn.card_ables_list.club_member_num"),
		align: "center",
		width: 120
	},
	clubProxyName: {
		key: "proxyName",
		dataIndex: "proxyName",
		title: newFormat("funds.proxy_name"),
		align: "center",
		width: 120
	},
	clubTopProxyName: {
		key: "topProxyName",
		dataIndex: "topProxyName",
		title: newFormat("dxn.card_ables_list.belong_total_agent"),
		align: "center",
		width: 200
	}
})

export default dxnClubManager
